<!DOCTYPE html>
<html>
<head>
<title>login.html</title>

<meta name="keywords" content="keyword1,keyword2,keyword3">
<meta name="description" content="this is my page">
<meta name="content-type" content="text/html; charset=UTF-8">
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="Styles/base.css" />
<link rel="stylesheet" type="text/css" href="Styles/admin-all.css" />
<link rel="stylesheet" type="text/css" href="Styles/bootstrap.min.css" />
<script type="text/javascript" src="Scripts/jquery-1.7.2.js"></script>
<script type="text/javascript" src="Scripts/jquery.spritely-0.6.js"></script>
<script type="text/javascript" src="Scripts/chur.min.js"></script>
<link rel="stylesheet" type="text/css" href="Styles/login.css" />
<script type="text/javascript">
	$(function() {
		$('#clouds').pan({
			fps : 20,
			speed : 0.7,
			dir : 'right',
			depth : 10
		});
		$('.login').click(
				function() {
					if ($('#uid').val() == "" || $('#pwd').val() == ""
							|| $('#code').val() == "") {
						$('.tip').html('用户名或密码不可为空！')
					} else {
						location.href = 'index.html';
					}
				})
	})
</script>
</head>
<body>
	<div id="clouds" class="stage"></div>
	<div class="loginmain"></div>

	<div class="row-fluid">
		<form class="loginForm" action="./LoginServlet" method="post">
			<h1>党员管理系统</h1>
			<p>
				<label>帐&nbsp;&nbsp;&nbsp;号：<input type="text"
					name="txtusername" /></label>
			</p>
			<p>
				<label>密&nbsp;&nbsp;&nbsp;码：<input type="password"
					name="txtpassword" /></label>
			</p>
			<p class="pcode">
				<label>效验码：<input type="text" id="code" maxlength="5"
					class="code" value="e5g88" /><img src="img/code.gif" alt=""
					class="imgcode" /><a href="#">下一张</a></label>
			</p>
			<p class="tip">&nbsp;</p>
			<hr />
			<input type="submit" name="login" value=" 登 录 "
				class="btn btn-primary btn-large login" /> &nbsp;&nbsp;&nbsp;<input
				type="button" value=" 取 消 " class="btn btn-large" />
		</form>
	</div>
</body>
</html>
